<!doctype html>
<!--
COPYRIGHT by HighHay/Mivfx
Before using this theme, you should accept themeforest licenses terms.
http://themeforest.net/licenses
-->

<html class="no-js" lang="en">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">
        <meta charset="utf-8">

        <!-- Page Title Here -->
        <title>欢迎访问derek的服务器</title>
		
        <!-- Page Description Here -->
		<meta name="description" content="A responsive coming soon template, un template HTML pour une page en cours de construction">

        <!-- Disable screen scaling-->
        <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1, user-scalable=0">

        <!-- Place favicon.ico and apple-touch-icon(s) in the root directory -->
        
        <!-- Initializer -->
        <link rel="stylesheet" href="./css/normalize.css">        
        
        <!-- Web fonts and Web Icons -->
        <link rel="stylesheet" href="./css/pageloader.css">
        <link rel="stylesheet" href="./fonts/opensans/stylesheet.css">
        <link rel="stylesheet" href="./fonts/asap/stylesheet.css">
        <link rel="stylesheet" href="./css/ionicons.min.css">
        
        <!-- Vendor CSS style -->
        <link rel="stylesheet" href="./css/foundation.min.css">
        <link rel="stylesheet" href="./js/vendor/jquery.fullPage.css">
        <link rel="stylesheet" href="./js/vegas/vegas.min.css">
        
		<!-- Main CSS files -->
        <link rel="stylesheet" href="./css/main.css">
        <link rel="stylesheet" href="./css/main_responsive.css">
        <link rel="stylesheet" href="./css/style-color1.css">
        
        <script src="./js/vendor/modernizr-2.7.1.min.js"></script>
    </head>
    <body id="menu" class="alt-bg">
        <!--[if lt IE 8]>
            <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
        <![endif]-->
        
        <!-- Page Loader -->
        <div class="page-loader" id="page-loader">
            <div><i class="ion ion-loading-d"></i><p>loading</p></div>
        </div>
        
        <!-- BEGIN OF site header Menu -->
		<!-- Add "material" class for a material design style -->
		<header class="header-top">
			
            <div class="menu clearfix">
                <a href="#about-us">关于我</a>
				
                <!--<div class="menu-cont">
					<p class="text">Menu cont</p>
					<ul class="sub-menu">
						<li><a href="htp://page">My Page</a></li>
					</ul>
				</div>-->
				<!-- Add other menu similar to "about" here -->
                <a href="#contact">联系我</a>
            </div>
		</header>
        <!-- END OF site header Menu-->
        
        <!-- BEGIN OF Quick nav icons at left -->
		<nav class="quick-link count-4 nav-left">
			<div class="logo">
				<a href="#home">
					<img src="img/logo_only.png" alt="Logo Brand" width="100px" height="100px" style="border-radius: 50px;">
				</a>
			</div>
			<ul id="qmenu" class="qmenu">
				<li data-menuanchor="home">
					<a href="#home" class=""><i class="icon ion ion-home"></i>
					</a>
					<span class="title">Home page</span>
				</li>
				<li data-menuanchor="register">
					<a href="#register"><img src="svg/list.png" height="40%" width="40%" style="background-color: black;">
					</a>
					<span class="title">My page list</span>
				</li>
				<li data-menuanchor="about-us">
					<a href="#about-us"><i class="icon ion ion-android-information"></i>
					</a>
					<span class="title">About Me</span>
				</li>
				<!--<li data-menuanchor="contact">
					<a href="#contact"><i class="icon ion ion-android-call"></i>
					</a>
					<span class="title">Contact</span>
				</li>-->
				<li data-menuanchor="contact">
					<a href="#contact"><i class="icon ion ion-email"></i>
					</a>
					<span class="title">Contact</span>
				</li>
				<li data-menuanchor="msg-wall">
					<a href="#wall"><img src="svg/wall.png" height="40%" width="40%" style="background-color: black;">
					</a>
					<span class="title">Message wall</span>
				</li>
			</ul>
		</nav>
        <!-- END OF Quick nav icons at left -->
        


        <!-- BEGIN OF site cover -->
        <div class="page-cover" id="s-cover">
            <!-- Cover Background -->
            <div class="cover-bg pos-abs full-size bg-img" data-image-src="img/bg.jpg"></div>
			
            <!-- BEGIN OF Slideshow Background -->
            <!--<div class="cover-bg pos-abs full-size slide-show">
				<i class='img' data-src='./img/bg-slide1.jpg'></i>
				<i class='img' data-src='./img/bg-slide2.jpg'></i>
				<i class='img' data-src='./img/bg-slide3.jpg'></i>
				<i class='img' data-src='./img/bg-slide4.jpg'></i>
			</div>-->
            <!-- END OF Slideshow Background -->
            
            <!--BEGIN OF Static video bg  - uncomment below to use Video as Background-->
            <!--<div id="container" class="video-container show-for-medium-up">
                <video autoplay="autoplay" loop="loop" autobuffer="autobuffer" muted="muted"
                       width="640" height="360">
                    <source src="vid/flower_loop.mp4" type="video/mp4">
                </video>
            </div>-->
            <!--END OF Static video bg-->
			
			<!-- Solid color as background -->
<!--            <div class="cover-bg pos-abs full-size bg-color" data-bgcolor="rgb(59, 59, 59)"></div>-->
			
			<!-- Solid color as filter -->
            <div class="cover-bg-mask pos-abs full-size bg-color" data-bgcolor="rgba(0, 0, 0, 0.41)"></div>
            
        </div>
        <!--END OF site Cover -->
		
		<!-- Begin of timer pane -->
		<div class="pane-when " id="s-when">
			<div class="content">
				<!-- Clock -->
				<div class="clock clock-countdown">
					<div class="site-config"
						 data-date="10/30/2016 00:00:00" 
						 data-date-timezone="+0"
						 ></div>					
					<div class="elem-center">
						<div class="digit">
							<span class="days"  id="number">0</span>
							<span class="txt">访客</span>
						</div>
					</div>
					<!-- Logo instead -->
<!--
					<div class="logo">
						<a href="#">
							<img src="img/logo_only.png">
						</a>
					</div>
-->
					
					<div class="elem-bottom">
						<div class="deco"></div>
						
<!--						<span class="days">12</span><span class="thin">D</span>-->
						<span class="hours" id="year"></span><span class="thin">-</span>
						<span class="minutes" id="month"></span><span class="thin">-</span>
						<span class="seconds" id="day"></span><span class="thin"> </span>
						<span class="hours" id="hour"></span><span class="thin">:</span>
						<span class="minutes" id="minute"></span><span class="thin">:</span>
						<span class="minutes" id="second">

					</div>
				</div> 
				
				
				<footer>
					<p>欢迎访问 <strong>小克的家</strong></p>
				</footer>                
			</div> 
		</div>
		<!-- End of timer pane -->
        
        <!-- BEGIN OF site main content content here -->
        <main class="page-main" id="mainpage">             
            
			<!-- Begin of home page -->
			<div class="section page-home page page-cent" id="s-home">
				
				<!-- Logo -->
				<!--<div class="logo-container">
					<img class="h-logo" src="img/logo_only.png" alt="Logo">
				</div>-->
				<!-- Content -->
				<section class="content">
					
					<header class="header">
						<div class="h-left">
							<h2>小克是一只 <strong>喵</strong></h2>
						</div>
						<div class="h-right">
							<h3>derek <br>whc</h3>
							<h4 class="subhead"><a href="#register">小克的铲屎官</a></h4>
						</div>
					</header>
				</section>
				
				<!-- Scroll down button -->
                <footer class="p-footer p-scrolldown">
                    <a href="#register">
                        <div class="arrow-d">
							<div class="before">Scroll</div>
							<div class="after">Down</div>
							<div class="circle"><i class="ion ion-mouse"></i></div>
						</div>
                    </a>                        
                </footer>
			</div>
			<!-- End of home page -->
            
           
            
            <!-- Begin of register page -->
            <div class="section page-register page page-cent"  id="s-register">
                <section class="content">
                    <header class="p-title">
                        <h3>网页导航 <i class="ion ion-compose"></i></h3> 
						<h4 class="subhead"></h4><br>
                    </header>
                    <div>
						        <ul id="pageList">
						            <li><a href="http://derekerrr.gitee.io/" target="_blank"><p>我的博客</p></a></li>
						            <li><a href="http://162.14.109.184:8080/chat"><p>Let's chat(基于http)</p></a></li>
						            <li><a href="http://162.14.109.184:3000"><p>Let's chat(聊天室)(基于web socket)</p></a></li>
						            <li><a href="http://whczff.xyz/chess.html"><p>简单的人机对战五子棋</p></a></li>
						            <li><a href="http://162.14.109.184:3001/"><p>联机对战五子棋</p></a></li>
						        </ul>
                        <!-- <form id="mail-subscription" class="form magic send_email_form" method="get" action="ajaxserver/serverfile.php">
                            <p class="invite">Please, write your email below to stay in touch with us :</p>
							<div class="fields clearfix">
								<div class="input">
									<label for="reg-email">Email </label>
									<input id="reg-email" class="email_f"  name="email" type="email" required placeholder="your@email.address" data-validation-type="email"></div>
								<div class="buttons">
									<button id="submit-email" class="button email_b" name="submit_email">Ok</button>
								</div>
							</div>
                            
                            <p class="email-ok invisible"><strong>Thank you</strong> for your subscription. We will inform you.</p>
                        </form> -->
                    </div>
                </section>
                <footer class="p-footer p-scrolldown">
                    <a href="#about-us">
                        <div class="arrow-d">
							<div class="before">Scroll</div>
							<div class="after">Down</div>
							<div class="circle"><i class="ion ion-mouse"></i></div>
						</div>
                    </a>                        
                </footer>
            </div>
            <!-- End of register page -->
            
            <!-- Begin of about us page -->
            <div class="section page-about page page-cent" id="s-about-us">
                <section class="content">
                    <header class="p-title">
                        <h3>关于我<i class="ion ion-android-information">
                            </i>
                        </h3>
						<h4 class="subhead">Sichuan <span class="bold">University</span><br>  <span class="bold">Computer</span> Science</h4>
                    </header>
                    <article class="text" id="introduction">
                        <p>主子 <strong>小克 </strong>来自喵星，陪伴铲屎官长大，现在回喵星啦</p>
                        <p>铲屎官 <strong>derek </strong>来自scu，是一个热爱生活，喜欢创造bug的程序猿</p>
                    </article>
                </section>
                <footer class="p-footer p-scrolldown">
                    <a href="#contact">
                        <div class="arrow-d">
							<div class="before">Scroll</div>
							<div class="after">Down</div>
							<div class="circle"><i class="ion ion-mouse"></i></div>
						</div>
                    </a>                        
                </footer>
            </div>
            <!-- End of about us page -->
                
            <!-- Begin of Contact page   -->
            <div class="section page-contact page page-cent  bg-color" data-bgcolor="rgba(95, 25, 208, 0.88)s" id="s-contact">
				<!-- Begin of contact information -->
				<div class="slide" id="s-information" data-anchor="information">
					<section class="content">
						<header class="p-title">
							<h3>联系我<i class="ion ion-location">
								</i>
							</h3>
							<ul class="buttons">
								<!--<li class="show-for-medium-up">-->
								<!--	<a title="About" href="#about-us" ><i class="ion ion-android-information"></i></a>-->
								<!--</li>-->
								<!--<li>
									<a title="Contact" href="#contact/information"><i class="ion ion-location"></i></a>
								</li>-->
								<li>
									<a title="Message" href="#contact/message"><i class="ion ion-email"><br><h5 style="color: white;">留言</h5></i></a>
								</li>
							</ul>
						</header>
						<!-- Begin Of Page SubSction -->
						<div class="contact">
							<div class="row">
								<div class="medium-6 columns left">
									<ul>
										<li>
											<h4>邮箱</h4>
											<p><a href="#">whcderek@foxmail.com</a></p>
										</li>
										<!-- <li>
											<h4>Address</h4>
											<p>99 Location Street
											<br>Antartica SP</p>
										</li> -->
										<li>
											<h4>QQ</h4>
											<p>2250671362</p>
										</li>
									</ul>
								</div>
								<div class="medium-6 columns social-links right">
									<ul>

										<!-- legal notice -->
										<!-- <li class="show-for-medium-up">
											<h4>Website</h4>
											<p><a href="http://www.highhay.com">www.highhay.com</a></p>
										</li> -->
										<li  class="show-for-medium-up">
											<h4>Find me on</h4>
											<!-- Begin of Social links -->
											<div class="socialnet">
												<a href="https://weibo.com/u/5398422522" target="_blank"><img src="svg/weibo.svg" alt="weibo" style="background-color: white;"></a>
												<a href="https://user.qzone.qq.com/2250671362" target="_blank"><img src="svg/QQ.svg" alt="qq_zone" style="background-color: white;"></a>
												<a href="https://github.com/Derekerrr" target="_blank"><img src="svg/github.svg" alt="github" style="background-color: white;"></a>
												<a href="https://gitee.com/derekerrr" target="_blank"><img src="svg/gitee2.svg" alt="git" style="background-color: white;"></a>
											</div>
											<!-- End of Social links -->
										</li>
										<li>
											<p><img src="img/logo_only.png" alt="Logo" class="logo"></p>
											<p class="small">你好我叫<strong><a href="#">derek</a><br></strong></p>
										</li>
									</ul>

								</div>
							</div>
						</div>
						<!-- End of page SubSection -->
					</section>  
				</div>
				<!-- end of contact information -->
				
				<!-- begin of contact message --> 
				<div class="slide" id="s-message" data-anchor="message">
					<section class="content">
						<header class="p-title">
							<h3>给我留言<i class="ion ion-email">
								</i>
							</h3>
							<ul class="buttons">
								<li class="show-for-medium-up">
									<a title="About" href="#about-us"><i class="ion ion-android-information"></i></a>
								</li>
								<li>
									<a title="Contact" href="#contact/information"><i class="ion ion-location"></i></a>
								</li>
								<!--<li>
									<a title="Message" href="#contact/message"><i class="ion ion-email"></i></a>
								</li>-->
							</ul>
						</header>
						<!-- Begin Of Page SubSction -->
						
						<div class="page-block c-right v-zoomIn">
							<div class="wrapper">
								<div>
									<form class="message form send_message_form" method="get">
										<div class="fields clearfix">
											<div class="input">
												<label for="mes-name">怎么称呼您 </label>
												<input id="mes-name" name="name" type="text" placeholder="" required></div>

										</div>
										<div class="fields clearfix">
											<div class="input">
												<label for="mes-email">怎么联系您 </label>
												<input id="mes-email" type="text" placeholder="" name="email">
											</div>
										</div>
										<div class="fields clearfix no-border">
											<label for="mes-text">说点儿啥 </label>
											<textarea id="mes-text" placeholder="" name="message" required></textarea>

											<div>
												<p class="message-ok invisible">留言成功啦(*^_^*)!谢谢你的来访</p>
											</div>
										</div>
										
										<div class="buttons" style="float: right;">
											<button type="submit" id="submit-message" class="button email_b" name="submit_message" value="send">Ok</button>
										</div>
									</form>
								</div>
							</div>
						</div>
						<!-- End Of Page SubSction -->
					</section>
				</div>
				<!-- Scroll down button -->
				<footer class="p-footer p-scrolldown">
					<a href="#wall">
						<div class="arrow-d">
							<div class="before">Scroll</div>
							<div class="after">Down</div>
							<div class="circle"><i class="ion ion-mouse"></i></div>
						</div>
					</a>                        
				</footer>	
				<!-- End of contact message -->
            </div>
            <!-- End of Contact page  -->   
        
			<!-- Begin of wall page -->
			<div class="section page-wall page page-cent" id="s-wall">
				
			
				<section class="content">
					
					<header class="p-title">
						<h3>留言墙<i class="ion ion-location"></i>
						</h3>
						<div class="h-left">
							<h4 class="subhead">共<strong id="msg_number">0</strong>条留言</h4>
						</div><br>
						<div>
							<ul id="msg_content">
								
							</ul>
						</div>
					</header>
				</section>
				
				<!-- Scroll down button -->
				<footer class="p-footer p-scrolldown">
					<a href="#register">
						<div class="arrow-d">
							<div class="before">Scroll</div>
							<div class="after">Down</div>
							<div class="circle"><i class="ion ion-mouse"></i></div>
						</div>
					</a>                        
				</footer>
			</div>
			<!-- End of home page -->
        </main>

        <!-- END OF site main content content here -->  
		
		<!-- Begin of site footer -->
		<footer class="page-footer">
			<div>
				<a href="https://weibo.com/u/5398422522" target="_blank"><img src="svg/weibo.svg" alt="weibo"></a>
				<a href="https://user.qzone.qq.com/2250671362" target="_blank"><img src="svg/QQ.svg" alt="qq_zone"></a>
				<a href="https://github.com/Derekerrr" target="_blank"><img src="svg/github.svg" alt="github"></a>
				<a href="https://gitee.com/derekerrr" target="_blank"><img src="svg/gitee2.svg" alt="git"></a>
				<!-- <a href="http://twitter.com/miradontsoa" target="_blank"><i class="ion icon ion-social-twitter"></i></a> -->
			</div>
		</footer>
		<!-- End of site footer -->

        
<!--        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>-->
        
        <!-- All Javascript plugins goes here -->
<!--		<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>-->
        <script src="./js/vendor/jquery-1.11.2.min.js"></script>
		<!-- All vendor scripts -->
        <script src="./js/vendor/all.js"></script>
		
		<!-- Detailed vendor scripts -->
        <!--<script src="./js/vendor/jquery.fullPage.min.js"></script>
        <script src="./js/vendor/jquery.slimscroll.min.js"></script>
        <script src="./js/vendor/jquery.knob.min.js"></script>
        <script src="./js/vegas/vegas.min.js"></script>
        <script src="./js/jquery.maximage.js"></script>
        <script src="./js/okvideo.min.js"></script>-->
		
		<!-- Downcount JS -->
        <script src="./js/jquery.downCount.js"></script>
		
		<!-- Form script -->
        <script src="./js/send.js"></script>
        
		<!-- Javascript main files -->
        <script src="./js/main.js"></script>
		<script src="./myJs/time.js"></script>
		<script src="./myJs/add.js"></script>
         

        <!-- Google Analytics: Uncomment and change UA-XXXXX-X to be your site"s ID. -->
        <!--<script>
            (function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
            function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
            e=o.createElement(i);r=o.getElementsByTagName(i)[0];
            e.src="//www.google-analytics.com/analytics.js";
            r.parentNode.insertBefore(e,r)}(window,document,"script","ga"));
            ga("create","UA-XXXXX-X");ga("send","pageview");
        </script>-->
		<script>
		    var server_url = "myJs/serve.php"
			var form_data = {};
			form_data.submit_message = "getPageList";
			$.post(server_url,form_data,function(json) {
				json = JSON.parse(json);
			    if (json.result=="1"||json.result=='1'||json.result==1) {
				   let html="";
				   let list = json.info;
				   for(let i=0;i<list.length;i++){
					   let item=list[i];
					   html=html+"<li><a href="+item[2]+" target=\"_blank\"><p>"+item[1]+"</p></a></li>"
				   }
				   $("#pageList").html(html);
			    }
			    else {
			        alert('获取失败pageList'+json.reason);
			    }
			})
			
			var form_data = {};
			form_data.submit_message = "getIntroduction";
			$.post(server_url,form_data,function(json) {
				json = JSON.parse(json);
			    if (json.result=="1"||json.result=='1'||json.result==1) {
				   $("#introduction").html(json.info);
			    }
			    else {
			        alert('获取失败'+json.reason);
			    }
			})
		</script>
    </body>
</html>
